@import '../../assets/styles/var';

.header-entry {
  flex: 1;
  height: 100%;
  //display: flex;
  display: inline-block;
  justify-content: flex-start;
  align-items: center;
  background-color: transparent;
  border-bottom: none;
  padding-right: $--g-header-padding-right;
  padding-left: 40px;

  //&__interrelation {
  //  justify-content: flex-start;
  //  padding-left: 28px;
  //}
  &.ant-menu-horizontal {
    > .ant-menu-item {
      margin-right: 8px;

      //&:before {
      //  position: absolute;
      //  content: '';
      //  width: 0;
      //  height: 20px;
      //  border-right: 1px dotted $--g-header-color--white--opacity;
      //  top: 0;
      //  right: -4px;
      //  bottom: 0;
      //  margin: auto;
      //}
    }
  }

  &.ant-menu-light {
    &.ant-menu-horizontal {
      > .ant-menu-item,
      > .ant-menu-submenu {
        color: $--g-header-color--white--opacity;

        &:hover {
          color: $--g-color--white;

          &:after {
            background: $--g-color--white;
            display: none;
          }
        }
      }

      > .ant-menu-item-selected {
        color: $--g-color--white;
        font-weight: 500;

        &:after {
          background-color: $--g-color--white;
          left: 20px;
        }

        &:hover {
          &:after {
            display: block;
          }
        }
      }
    }

    .ant-menu-submenu-horizontal {
      &.ant-menu-submenu-active {
        .ant-menu-submenu-title {
          color: $--g-color--white;
        }
      }
    }
  }

  [class*='gsd-icon'] {
    font-size: 18px;
    //vertical-align: -2px;
    margin-right: 4px;
    vertical-align: middle;
  }

  &__icon {
    width: 18px;
    height: 18px;
    //vertical-align: -2px;
    vertical-align: middle;
    margin-right: 4px;
  }

  &__name {
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
  }
}
